/*page1*/
.wrap{width:100%;height:auto;}
.nav{background: #c6c6c6;overflow:hidden;}
.nav li{width: 20%;height:20%;float: left;text-align: center;padding-top:2%;padding-bottom:2%}
.nav li:hover{background:#379bfc; }
.nav li.current{background:#379bfc; }
.nav li a{color:#fff;font-size: 4vw;}
.scroll{margin-bottom:5%;}

.scroll img{width:100%;}
.con{margin-bottom:10%;}
.con li{width:100%;border-bottom:1px solid #e7e7e7;}
.licon{width:32%;margin-left:3%;}
.licon img{width:90%;padding:9% 5%;}
.text{float:left;display:block;width:60%;  margin-top: 2%;}


.text h3{font-size:4vw;color:#383838;font-weight: 900;margin-top:3%;}
.text p{color:#9f9f9f;font-size:4vw;margin-top: 2%;}

.eye {
    float: left;
    margin-top: 2%;
    margin-bottom: 2%;
    color: #9f9f9f;
    margin-left: 74%;
    width: 100%;}
.eye span{font-size:4vw;}
.eye img{width:5%;vertical-align: middle;}


.bar{width:100%; position: fixed;bottom: 0px;margin-top:20px;}
.bar li{list-style-type: none;width:50%;float: left;padding-top:3%;color: #fff;z-index: 999;top:30%;font-size:4vw;text-align: center;padding-bottom:3%;}
.bar li:nth-child(1){background:#379bfc}
.bar li:nth-child(2){background:#d2d3d4}
.bar a{text-align: center; letter-spacing: 5px;color: #fff;width:100%;cursor: pointer;display:inline-block;}
